<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
    <link rel="stylesheet" type="text/css" href="../css/huodongxiangqing.css" />
    <title>活动详情</title>
</head>
<body class="flex-vertical">
    <div class="flex-item-vertical" id="detail">
        <!-- <div class="title">
            <div class="til">航空里程5折抢兑</div>
            <div class="box">
                <div class="item left">浏览量 20183</div>
                <div class="item">已报名 20183</div>
            </div>
        </div>
        <div class="content">
            <div class="time">活动时间：2017年8月1日至8月31日</div>
            <div class="act">
                <div class="act-title">活动内容</div>
                <div class="p">活动期间，受邀客户发送XYK831至1069095599报名，客户累计消费金额满1万元，可于指定时间登录农行掌银APP，以5折积分抢兑4000万航空里程。先到先得，兑完即止。</div>
                <div class="p">本活动总计4000万南航飞行里程供兑换，每名客户最多可兑1万里程。抢兑时间为2017年9月21日0时至9月22日24时。抢兑礼品编号为6612。</div>
            </div>
            <div class="act">
                <div class="act-title">活动细则</div>
                <div class="p">
                    <p>1.本活动仅限收到我行邀约短信的主卡持卡人参加。</p>
                    <p>2.本活动需客户报名后方可参与。报名方式：使用我行信用卡系统中预留的手机号码，发送短信XYK831至1069095599报名，报名截止日为8月31日。</p>
                </div>
            </div>
        </div> -->
    </div>
    <!-- 活动详情模板 begin -->
    <script type="text/html" id="detail-template">
        <div class="title">
            <div class="til">{{title}}</div>
            <div class="box">
                <div class="item left">浏览量 {{browse}}</div>
                <div class="item">已报名 {{quantity}}</div>
            </div>
        </div>
        <div class="content">
            <div class="time">活动时间：{{time_start.split(' ')[0]}} 至 {{time_end.split(' ')[0]}}</div>
            <div class="act">
                <div class="act-title">活动内容</div>
                {{#content}}
            </div>
            <div class="act">
                <div class="act-title">活动细则</div>
                <div class="p">
                    {{#rule}}
                </div>
            </div>
        </div>
    </script>
    <!-- 活动详情模板 end -->
    <div class="sign-up" onclick="fnSign()">
        <div class="btn">立即报名</div>
    </div>
</body>
<script type="text/javascript" src="../framework/template-web.js"></script>
<script type="text/javascript" src="../framework/zepto.min.js"></script>
<script type="text/javascript" src="../script/base.js"></script>
<script type="text/javascript">
    fnDetails();
    function fnDetails(){
        //活动详情
        fnAjax({
            url: "Active/detail",
            data: fnGetUrlParam(),
        }, function(ret){
            if( !ret.status ){
                if(ret.data){
                    fnValue('#detail',template('detail-template',ret.data));
                }
            }else{
                
            }
        });
    }

    //报名
    function fnSign(){
        fnOpen("yuangongbaoming.html",fnGetUrlParam());
    }
    
</script>
</html>
